<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:with="title='Ai在线绘画-详情页面',active='AiImages'">
<head th:replace="/header::headerFragment(title,active)">
<!--  <meta charset="UTF-8">-->
<!--  <title>Ai在线绘画-详情页面</title>-->
<!--  <link href="css/bootstrap.min.css" rel="stylesheet">-->
<!--  <script type="text/javascript" src="js/jquery.min.js"></script>-->
<!--  <script type="text/javascript" src="js/bootstrap.min.js"></script>-->
</head>
<body>
<div th:replace="/header::header-body"></div>
<div class="container-fluid bg-info" >
  <!--  表单-->
  <div class="row">
    <div class="col-xs-6 col-sm-4">
      <img th:src="@{'/images/'+${image_info.img_path}}" class="img-responsive center-block" >
    </div>
    <div class="col-xs-6 col-sm-8">
      <div class="panel panel-success">
        <div class="panel-heading">文件名</div>
        <div class="panel-body">
          <p th:text="${image_info.img_path}">文件名</p>
        </div>
      </div>


    </div>
    <div class="col-xs-6 col-sm-4">
      <div class="panel panel-info">
        <div class="panel-heading">作者</div>
        <div class="panel-body">
          <p th:text="${image_info.author}">作者</p>
        </div>
      </div>
    </div>
    <div class="col-xs-6 col-sm-4">
      <div class="panel panel-info">
        <div class="panel-heading">点赞数</div>
        <div class="panel-body">
          <p th:text="${image_info.like}">点赞数</p>
        </div>
      </div>

    </div>
    <div class="col-xs-6 col-sm-4">

      <div class="panel panel-warning">
        <div class="panel-heading">图片宽度</div>
        <div class="panel-body">
          <p th:text="${image_info.width}">图片宽度</p>
        </div>
      </div>


    </div>
    <div class="col-xs-6 col-sm-4">
      <div class="panel panel-warning">
        <div class="panel-heading">图片高度</div>
        <div class="panel-body">
          <p th:text="${image_info.height}">图片高度</p>
        </div>
      </div>

    </div>
    <div class="col-xs-6 col-sm-8">
      <div class="panel panel-success">
        <div class="panel-heading">正向标签</div>
        <div class="panel-body">
          <p th:text="${image_info.prompt}">正向标签</p>
        </div>
      </div>

    </div>
    <div class="col-xs-6 col-sm-4">

      <div class="panel panel-success">
        <div class="panel-heading">生成步数</div>
        <div class="panel-body">
          <p th:text="${image_info.steps}">生成步数</p>
        </div>
      </div>


    </div>
    <div class="col-xs-6 col-sm-4">
      <div class="panel panel-info">
        <div class="panel-heading">迭代循环数</div>
        <div class="panel-body">
          <p th:text="${image_info.scale}">迭代循环数</p>
        </div>
      </div>

    </div>
    <div class="col-xs-6 col-sm-4">
      <div class="panel panel-warning">
        <div class="panel-heading">算法种类</div>
        <div class="panel-body">
          <p th:text="${image_info.sampler}">算法种类</p>
        </div>
      </div>


    </div>
    <div class="col-xs-6 col-sm-4">
      <div class="panel panel-success">
        <div class="panel-heading">种子</div>
        <div class="panel-body">
          <p th:text="${image_info.seed}">种子</p>
        </div>
      </div>


    </div>
    <div class="col-xs-6 col-sm-4">
      <div class="panel panel-info">
        <div class="panel-heading">强度（部分图片为空是正常的）</div>
        <div class="panel-body">
          <p th:text="${image_info.strength}">强度（部分图片为空是正常的）</p>
        </div>
      </div>


    </div>
    <div class="col-xs-6 col-sm-4">
      <div class="panel panel-warning">
        <div class="panel-heading">噪声（部分图片为空是正常的）</div>
        <div class="panel-body">
          <p th:text="${image_info.noise}">文件名</p>
        </div>
      </div>

    </div>
    <div class="col-xs-6 col-sm-8">

      <div class="panel panel-warning">
        <div class="panel-heading">反向标签</div>
        <div class="panel-body">
          <p th:text="${image_info.uc}">反向标签</p>
        </div>
      </div>

    </div>


  </div>
  <div class="row">
    <!--  panel-success绿色 panel-info蓝色 --panel-warning棕色 -->






  </div>





  <!--  //控件触发-->
  <script type="text/javascript">
    let width,height;
    let sampler;
    function open_img_option(){
      document.getElementById("del_img_button").style.display="inline";
      document.getElementById("strength").style.display="inline";
      document.getElementById("strength_label").style.display="inline";
      document.getElementById("noise").style.display="inline";
      document.getElementById("noise_label").style.display="inline";
    }
  </script>



</div>




<div th:replace="/footer::footer"></div>
</body>
</html>
